<template>
	<view>
		<view class="content">
			<view class="list">
				<view class="row" >
					<view class="title">个人资料</view>
					<view class="right">
						<view class="tis">查看/修改个人资料</view>
						<view class="yticon icon-you"></view>
					</view>
				</view>
				<view class="row" >
					<view class="title">账号与安全</view>
					<view class="right">
						<view class="yticon icon-you"></view>
					</view>
				</view>
				<view class="row" >
					<view class="title">发票抬头管理</view>
					<view class="right">
						<view class="tis" >添加发票抬头</view>
						<view class="yticon icon-you"></view>
					</view>
				</view>
			</view>
			<view class="list">
				<view class="row" @click="navTo('aboutQiHui')">
					<view class="title">关于企惠</view>
					<view class="right">
						<view class="yticon icon-you"></view>
					</view>
				</view>
				<view class="row">
					<view class="title">检查更新</view>
					<view class="right">
						<view class="tis">V1.0</view>
						<view class="yticon icon-you"></view>
					</view>
				</view>
			</view>
			<view class="exit" @click="exit()">
					退出登录
			</view>
		</view>
	</view>
</template>
<script>
	
	import {
		mapState,
		mapMutations
	} from 'vuex';
	export default {
		data() {
			return {
				
			};
		},
		computed: {
			...mapState(['userInfo']),
		},
		onLoad(option) {
			
		},

		methods: {
			navTo(url){
				this.$Router.push({name:url})
			},
			exit(){
				uni.clearStorage();
				// uni.redirectTo({
				// 	url:'../../public/wechatLogin',
				// })
				// uni.reLaunch({
				//     url: '../../public/wechatLogin'
				// });
				this.$Router.replaceAll({name:'wxLogin'});
			},
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f3f3f3;
	}

	.yticon {
		font-size: 30upx;

	}

	.content {
		padding-bottom: 20upx;
		.exit{
			width: 100%;
			background-color: #fff;
			min-height: 96upx;
			line-height: 96upx;
			text-align: center;
			color: #FF5E00;
			font-size: 34upx;
			margin-top: 80upx;
		}
		.list {
			width: 100%;
			padding-left: 4%;
			background-color: #fff;
			margin-bottom: 20upx;

			.row {
				widows: 100%;
				padding-right: 20upx;
				min-height: 90upx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				border-bottom: solid 1upx #eee;

				&:last-child {
					border-bottom: none;
				}

				.title {
					font-size: 32upx;
					color: #0B0E11;
				}

				.right {
					display: flex;
					align-items: center;
					color: #999;

					.tis {
						font-size: 26upx;
						margin-right: 5upx;
						max-height: 200upx;

						image {
							width: 155upx;
							height: 155upx;
							border-radius: 100%;
							margin: 10upx 0;
						}
					}

					.yticon {
						width: 40upx;
						color: #cecece;
					}
				}

			}
		}
	}
</style>
